﻿@model QLMB.Models.VECHUYENBAY

@{
    ViewBag.Title = "Purchase";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
@section script {
    <script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.json-2.2.js" type="text/javascript"></script>
}
<script language = "javascript" type ="text/javascript">
    function formatDollar(num) {
        var p = num.toFixed(2).split(".");
        return p[0].split("").reverse().reduce(function (acc, num, i, orig) {
            return num + (i && !(i % 3) ? "," : "") + acc;
        }, "") + "." + p[1];
    }
    $(document).ready(function () {
        if ($("#MaVe").val() == "") {
            $("#smbt").attr("disabled", "disabled");
        }
        else {
            var mv = $("#MaVe").val();
            $.getJSON("/BookOffline/KiemTraVe/", { mave: mv },
                function (json) {
                    if (json.check) {
                        $("#slnguoi").val(json.SoNguoiDi);
                        $("#stien").val(formatDollar(eval(json.TongTien)));
                        $("#hoten").val(json.HoHK + json.TenHK);
                        $("#cmnd").val(json.CMND);
                        $("#ngay").val(json.NgayDat);
                        if (json.loaive == 1) {
                            $.get("/Book/_DetailFlight/", { macb: json.Macbdi }, function (data) {
                                $('#cbdi').html(data);
                            }, 'html');
                            $('#cbve').html("");
                        }
                        else {
                            $.get("/Book/_DetailFlight/", { macb: json.Macbdi }, function (data) {
                                $('#cbdi').html(data);
                            }, 'html');
                            $.get("/Book/_DetailFlight/", { macb: json.Macbve }, function (data) {
                                $('#cbve').html(data);
                            }, 'html');
                        }
                        if (json.matt == "002") {
                            $("#smbt").removeAttr("disabled");
                            document.getElementById("Check").innerHTML = "";
                        }
                        else {
                            document.getElementById("Check").innerHTML = "Vé này đã được thanh toán vào ngày: " + json.NgayTT;
                        }

                    }
                    else {
                        $("#slnguoi").val('');
                        $("#stien").val('');
                        $("#hoten").val('');
                        $("#cmnd").val('');
                        $("#ngay").val('');
                        document.getElementById("Check").innerHTML = "Không có mã vé này trong CSDL hoặc đã thanh toán sau thời gian quy định";
                        $("#smbt").attr("disabled", "disabled");
                        $('#cbdi').html("");
                        $('#cbve').html("");
                    }
                });
        }

        $("#MaVe").change(function () {
            var mv = $(this).val();
            $.getJSON("/BookOffline/KiemTraVe/", { mave: mv },
                function (json) {
                    if (json.check) {
                        $("#slnguoi").val(json.SoNguoiDi);
                        $("#stien").val(formatDollar(eval(json.TongTien)));
                        $("#hoten").val(json.HoHK + json.TenHK);
                        $("#cmnd").val(json.CMND);
                        $("#ngay").val(json.NgayDat);
                        if (json.loaive == 1) {
                            $.get("/Book/_DetailFlight/", { macb: json.Macbdi }, function (data) {
                                $('#cbdi').html(data);
                            }, 'html');
                            $('#cbve').html("");
                        }
                        else {
                            $.get("/Book/_DetailFlight/", { macb: json.Macbdi }, function (data) {
                                $('#cbdi').html(data);
                            }, 'html');
                            $.get("/Book/_DetailFlight/", { macb: json.Macbve }, function (data) {
                                $('#cbve').html(data);
                            }, 'html');
                        }
                        if (json.matt == "002") {
                            $("#smbt").removeAttr("disabled");
                            document.getElementById("Check").innerHTML = "";
                        }
                        else {
                            document.getElementById("Check").innerHTML = "Vé này đã được thanh toán vào ngày: " + json.NgayTT;
                        }

                    }
                    else {
                        $("#slnguoi").val('');
                        $("#stien").val('');
                        $("#hoten").val('');
                        $("#cmnd").val('');
                        $("#ngay").val('');
                        document.getElementById("Check").innerHTML = "Không có mã vé này trong CSDL hoặc đã thanh toán sau thời gian quy định";
                        $("#smbt").attr("disabled", "disabled");
                        $('#cbdi').html("");
                        $('#cbve').html("");
                    }
                });
        });
    });
</script>

<h2>THANH TOÁN VÉ</h2>
@using (Html.BeginForm())
{
    @Html.Label("Mã vé chuyến bay:") @Html.TextBoxFor(x => x.MaVe)
    <span><input id = "smbt" type="submit" value="Thanh toán" /></span><br />
    <i><p id ="Check"></p></i>
}
<br />
<fieldset>
    <legend>Thông tin vé</legend>
    <table>
        <tr>
            <td>@Html.Label("Số lượng người đi:")</td>
            <td>@Html.TextBox("slnguoi",null,new { ReadOnly = "true", id = "slnguoi"})</td>
        </tr>
        <tr>
            <td>@Html.Label("Tổng số tiền:")</td>
            <td>@Html.TextBox("stien", null, new { ReadOnly = "true", id = "stien" })</td>
        </tr>
        <tr>
            <td>@Html.Label("Họ và tên khách hàng đặt vé:")</td>
            <td>@Html.TextBox("hoten", null, new { ReadOnly = "true", id = "hoten" })</td>
        </tr>
        <tr>
            <td>@Html.Label("Số CMND:")</td>
            <td>@Html.TextBox("cmnd", null, new { ReadOnly = "true", id = "cmnd" })</td>
        </tr>
        <tr>
            <td>@Html.Label("Ngày đặt vé:")</td>
            <td>@Html.TextBox("ngay", null, new { ReadOnly = "true", id = "ngay" })</td>
        </tr>
    </table>
</fieldset>
<fieldset>
    <legend>Thông tin chi tiết chuyến bay</legend>
    <div id = "cbdi">
    </div>
    <div id = "cbve">
    </div>
</fieldset>
